<template>
  <div>
    <oolongButton type="primary" @click.native="btnclick">显示对话框</oolongButton>
    <oolongDialog
      :value="Dialog"
      title="普通的Dialog对话框标题"
      @on-ok="ok"
      @on-cancel="cancel"
      @callback4fc="callback4fc">
      <p>对话框内容</p>
      <p>对话框内容</p>
      <p>对话框内容</p>
    </oolongDialog>
  </div>
</template>
<script>
import '../assets/styles/index.less'
import oolongButton from '../components/button'
import oolongDialog from '../components/dialog'

export default {
  data() {
    return {
      Dialog: false
    }
  },
  components: {
    oolongButton,
    oolongDialog
  },
  methods: {
    ok: function () {
      // alert("ok");
//        oolongDialog.info({
//          title: '用户信息',
//          content: '测试info'
//        })
    },
    cancel: function () {
      // alert("cancel");
    },
    btnclick: function () {
      // alert("this.Dialog=="+this.Dialog);

      this.Dialog = true;
    },
    callback4fc: function (msg) {
      // alert(msg);
      this.Dialog = msg;
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
